<?php
use frontend\assets\AppAsset;
AppAsset::addScript($this,'@web/js/odometer.js');
AppAsset::addCss($this,'@web/css/themes/odometer-theme-default.css');
AppAsset::addScript($this,'@web/js/index.js?t='.time());
AppAsset::addScript($this,'@web/js/swiper.min.js');
AppAsset::addCss($this,'@web/css/swiper.min.css');
AppAsset::addCss($this,'@web/css/index.css?t='.time());

$this->title = '口袋买房';
?>
<div id="main_page" >
	
	<!--搜索-->
    <div class="search_block">
    	<span class="search_address" ><i><span id="addressname" style="font-weight: bold;">全国&nbsp;</span></i></span>
    	    <div id="choose_block">
        <ul class="choose_bar ui-border-b choose_bar_fixed" >
            <li class="choose_area" data-target=".area-chioce" data-city-id="" ><a><i><span id='houseareaname'>区域</span></i></a></li>
            <div class="clearfix"></div>
        </ul>
        <!--区域-->
        <div class="choose_house_area choose_panel clearfix">
            <div class="ui-area-left">
                <ul>
                    <li data-text="区域" data-id="0">
                        <a href="javascript:void(0);">不限</a>
                    </li>
                </ul>
            </div>
            <div class="ui-area-right">
                <ul>
                    <li data-id="0" data-text="不限">
                        <a href="javascript:void(0);">不限</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
        <div class="search_bar">       	
            <i class="ic-search"></i>
            <input class="inp-search" type="search" value="" maxlength="30" placeholder="请输入楼盘名称" id="search_keywords" name="search_keywords">
        </div>
        <a class="search_cancel" id='selectbtn'>取消</a>
    </div>
    
    <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper" id="banners">
<!--            <div class="swiper-slide"><img src="https://fsxf.fangdd.com/xfcms/Fm4tLv3aGyJjnLYD-tw9G-zXLMRw.jpg" width="100%" /></div>-->
<!--            <div class="swiper-slide"><img src="https://fsxf.fangdd.com/xfcms/FrW-w6PNE_UioWn18RzFiN_1_ljv.jpg" width="100%" /></div>-->
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <ul id="site_nav">
        <li>
            <img src="/images/nav1.png" />
            <p id='areaname'>新房</p>
        </li>
        <li>
            <img src="/images/nav2.png" />
            <p>海外</p>
        </li>
        <li>
            <img src="/images/nav3.png" />
            <p>租房</p>
        </li>
        <div class="clearfix"></div>
        <div class="service_bar">
            <img class="logo_icon" src="/images/logo_long.png" />
            <span>约看返现&nbsp;&nbsp;降低购房成本</span>
            <img class="service_arrow" src="/images/arrow_right_gray.png" />
            <div class="clearfix"></div>
        </div>
    </ul>

    <div class="adv_baner">
        <div class="house_category"><div class="category_square"></div>&nbsp;&nbsp;数据统计<div class="clearfix"></div></div>
        <div id=counter_left>
            <h3>累计返现：(元)</h3>
            <div class="odometer">0</div>
        </div>
        <div id=counter_right>
            <h3>成交用户：(位)</h3>
            <div class="odometer">0</div>
        </div>
        <div class="clearfix"></div>
    </div>

    <div class="house_category"><div class="category_square"></div>&nbsp;&nbsp;&nbsp;热门楼盘推荐<span data-id="0">更多楼盘></span><div class="clearfix"></div></div>
    <ul class="house_list">

    </ul>


    <div class="house_category"><div class="category_square"></div>&nbsp;&nbsp;&nbsp;海外楼盘推荐<span data-id="123">更多楼盘></span><div class="clearfix"></div></div>
    <ul class="house_list">

    </ul>

</div>

<div class="pop_ad">
    <div class="ad_content">
        <div class="ui-pop-colse">
            <img class="ad_close" src="/images/icon_shut_yellow.png"/>
        </div>
        <a href="#"><img class="ad_img" src="" alt=""></a>
    </div>
</div>

<div id="QR_box">
    <div id="report_title"><p>关注口袋买房服务号</p></div>
    <div id="report_tips">(长按关注服务号)</div>
    <div >
        <img src="../images/qrcode.jpg">
    </div>
    <div style="margin-bottom: 3px; text-align: center;">
        <span id="closeQR">关闭</span>
    </div>
</div>

<div class="pop_ad">
    <div class="ad_content">
        <div class="ui-pop-colse">
            <img class="ad_close" src="/images/icon_shut_yellow.png"/>
        </div>
        <a href="#"><img class="ad_img" src="" alt=""></a>
    </div>
</div>

<div style="display:none;">
    <script src="https://s19.cnzz.com/z_stat.php?id=1275078613&web_id=1275078613" language="JavaScript"></script>
<div/>